<template>
  <div class="container">
    <h1 class="text-center mb-5">
      {{ $t('contact.title') }}
    </h1>
    <h2>
      Gabor Zemko12321
    </h2>
    {{ textareaContent }}
    <div>
      <i class="bi bi-geo-alt-fill me-2" />Szeged, Hungary
    </div>
    <div>
      <i class="bi bi-github me-2" />
      <a href="https://github.com/zemkogabor" target="_blank">@zemkogabor</a>
    </div>
    <div>
      <i class="bi bi-building me-2" />Aventail Ltd.
    </div>
    <ul v-if="list.length">
      <li v-for="item of list">{{ item }}</li>
    </ul>
    <button @click="go">测试</button>
  </div>
  <vui-button type="button" >
    asdad
  </vui-button>

  <div class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div>
</template>

<script lang="ts">
import { ref } from 'vue'
import Axios from 'axios'
// import Layui from '@layui/layui-vue'
// import '@layui/layui-vue/lib/index.css'
// import { defineComponent } from 'vue'

export default {
  data() {
    return {
      textareaContent: '696',
      fycontent: '',
      list: [1, 2, 3]
    };
  },
  mounted() {

    // Axios.get('https://www.baidu.com')
    // .then((response) => {
    //   movies.value =[{ "id": 1, "title": "A New Hope", "opening_crawl": "It is a period of civil war.\r\nRebel spaceships, striking\r\nfrom a hidden base, have won\r\ntheir first victory against\r\nthe evil Galactic Empire.\r\n\r\nDuring the battle, Rebel\r\nspies managed to steal secret\r\nplans to the Empire's\r\nultimate weapon, the DEATH\r\nSTAR, an armored space\r\nstation with enough power\r\nto destroy an entire planet.\r\n\r\nPursued by the Empire's\r\nsinister agents, Princess\r\nLeia races home aboard her\r\nstarship, custodian of the\r\nstolen plans that can save her\r\npeople and restore\r\nfreedom to the galaxy....", "director": "George Lucas", "producer": "Gary Kurtz, Rick McCallum", "release_date": "1977-05-25", "characters": [ "https://swapi.dev/api/people/1/", "https://swapi.dev/api/people/2/", "https://swapi.dev/api/people/3/", "https://swapi.dev/api/people/4/", "https://swapi.dev/api/people/5/", "https://swapi.dev/api/people/6/", "https://swapi.dev/api/people/7/", "https://swapi.dev/api/people/8/", "https://swapi.dev/api/people/9/", "https://swapi.dev/api/people/10/", "https://swapi.dev/api/people/12/", "https://swapi.dev/api/people/13/", "https://swapi.dev/api/people/14/", "https://swapi.dev/api/people/15/", "https://swapi.dev/api/people/16/", "https://swapi.dev/api/people/18/", "https://swapi.dev/api/people/19/", "https://swapi.dev/api/people/81/" ], "planets": [ "https://swapi.dev/api/planets/1/", "https://swapi.dev/api/planets/2/", "https://swapi.dev/api/planets/3/" ], "starships": [ "https://swapi.dev/api/starships/2/", "https://swapi.dev/api/starships/3/", "https://swapi.dev/api/starships/5/", "https://swapi.dev/api/starships/9/", "https://swapi.dev/api/starships/10/", "https://swapi.dev/api/starships/11/", "https://swapi.dev/api/starships/12/", "https://swapi.dev/api/starships/13/" ], "vehicles": [ "https://swapi.dev/api/vehicles/4/", "https://swapi.dev/api/vehicles/6/", "https://swapi.dev/api/vehicles/7/", "https://swapi.dev/api/vehicles/8/" ], "species": [ "https://swapi.dev/api/species/1/", "https://swapi.dev/api/species/2/", "https://swapi.dev/api/species/3/", "https://swapi.dev/api/species/4/", "https://swapi.dev/api/species/5/" ], "created": "2014-12-10T14:23:31.880000Z", "edited": "2014-12-20T19:49:45.256000Z", "url": "https://swapi.dev/api/films/1/" } ]
    //   isLoaded.value = true
    // }).catch((error) => {
    //   console.error(error)
    // }).finally(() => {
    //   isLoading.value = false
    //   loadPromise.value = null
    // })
    // alert(123)
  },
  created() {

    // 在实例创建时从接口读取数据
  }
  , watch: {

  }
  ,
  methods: {
    go() {

      alert(123)
    }
  }
};
// export default defineComponent({
//   name: 'Contact',
// })
</script>

<style scoped lang="scss"></style>
